import { selectRegion } from '../../api/index.js'

// pages/selectRegion/selectRegion.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    name: '',
    regionList: [
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: true
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: true
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // },
      // {
      //   name: '杭州',
      //   selected: false
      // }
    ],
    currentIndex: -1
  },

  onReady: function() {
    this.fetchRegion()
  },

  onChange: function(e) {
    let { regionList } = this.data
    const {currentTarget:{dataset:{name,checked,index, limit}}} = e
    const pages = getCurrentPages()
    const prevPage = pages[pages.length - 2]
    let { applyParams } = prevPage.data

    if (checked) {
      return wx.showToast({
        title: '该区域已被选择',
        icon: 'none'
      })
    }

    applyParams = Object.assign({}, applyParams, { region: name })

    prevPage.setData({
      applyParams
    })
    
    this.setData({
      name,
      currentIndex: index
    })

    wx.setStorageSync('limit', limit)
    wx.setStorageSync('regionName', name)
  },

  vaild: function() {
    const {name} = this.data

    if(!name) {
      wx.showToast({
        title: '请选择服务商',
        icon: 'none'
      })

      return
    }

    return true
  },

  onSubmit: function() {
    const flag = this.vaild()

    if(flag) {
      wx.navigateBack()
    }
  },

  fetchRegion: function() {
    const { currentIndex, regionList } = this.data

    selectRegion({})
    .then(res => {
      this.setData({
        regionList: res.data = res.data.length ? res.data : []
      }, () => {
        console.log(res.data, 'render ggggg')

      })
      
    })
    .catch(e => {
      console.log(e, '选择区域')
    })
  }
})